<style type="text/css">
<!--
.nivoSlider img{
	height: 370px !important;
	width: 840px !important;
}
.nivo-controlNav {
	text-align: right;
	padding: 0px 5px 5px 0px;
	margin-top: -27px;
	z-index: 1009;
	position: relative;
}
.nivo-controlNav a{
	display: inline-block;
	background:#ebc051;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-webkit-border-radius: 30px;
	width: 22px;
	height: 18px;
	text-align: center;
	padding-top: 4px;
	margin-left: 1px;
	font-size: 12px;
}
.nivo-controlNav a.active,
.nivo-controlNav a:hover
{
	background: #f00;
	color:#fff;
}
-->
</style>
<script type="text/javascript">
	$(function(){
		 $('#slider').nivoSlider({ 'directionNav': false
		 });
	});
</script>
<div class="nivoSlider" id="slider">
	<?php foreach($data['Galleries'] as $val):?>
	<a href="<?php echo empty($val['link_url'])?'#':$val['link_url']?>"><img src="<?php echo $val['photo_url']?>"/></a>
	<?php endforeach;?>
</div>
